<template>
    <div> 今年：{{ age }}岁</div>
    <div> 后年：{{ newage }}岁</div>
    <!--使用v-model绑定计算的属性-->
    <input type="text" v-model="newage">
</template>
<script>
import { computed, ref } from 'vue';
export default {
    setup() {

        const age = ref(0);
        // 得到newage的值
        // const newage = computed(
        //     () => {
        //         return age.value + 2
        //      }
        // )
        // 高级的计算属性
        const newage = computed({ 
            get() { 
                return age.value + 2
            },
            set(val) { 
                console.log(val);
                age.value = val -2
            }
        })

     return {age,newage}

    }


}
</script>